<?php
/**
 * Created by PhpStorm.
 * User: hcadmin
 * Date: 16/8/21
 * Time: 上午12:11
 */
?>
<style>
   
    .header-menu{
        position:absolute;top: 37px;z-index: 999;height: 64px; margin:auto;width: 1180px;
        left: 0;right: 0;
    }
    .header-menu .logo{
        float:left;
        padding-left:120px;
        font-size: 40px;
        color: #FFFFFF;
        letter-spacing: 0px;
        text-shadow: 0px 2px 4px rgba(0,0,0,0.50);
    }
    .logo img{
        width: 90px;
        height: 54px;
    }
    .header-menu .top-menu{
        float: left;
        padding-top: 20px;
        padding-left: 180px;
    }
    .top-menu a{color:white;text-decoration:none;}
     ul.top-menu {list-style: none;float: left;font-size: 18px; padding:0;}
    .top-menu>li{float:left;}
    .top-menu>li+li{margin-left: 54px;}

    .second_menu{
        position: relative;
        right:60px;
        width: 161px;
        height: 161px;
        background: #2b2b2b;
        display: none;
        -moz-border-radius: 5px;      /* Gecko browsers */
        -webkit-border-radius: 5px;   /* Webkit browsers */
        border-radius:5px;            /* W3C syntax */
        /*behavior: url(ie-css3.htc);*/
    }
    .second_menu li {
        list-style-type:none;
        padding-top: 20px;
        padding-left: 20px;
        cursor: pointer;
    }

    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color: #2b2b2b;
        letter-spacing:3px;
        text-indent: 10%;
    }

    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        color: #2b2b2b;
        letter-spacing:3px;
        text-indent: 10%;
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        color: #2b2b2b;
        letter-spacing:3px;
        text-indent: 10%;
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        color: #2b2b2b;
        letter-spacing:3px;
        text-indent: 10%;
    }
    .row{
        margin-left: 0px;
        margin-right: 0px;;
    }
    .shadow{
        filter:progid:DXImageTransform.Microsoft.Shadow(color=#909090,direction=120,strength=3);/*ie*/
        -moz-box-shadow: 4px 4px 20px #909090;/*firefox*/
        -webkit-box-shadow: 4px 4px 20px #909090;/*safari或chrome*/
        box-shadow:4px 4px 20px #909090;/*opera或ie9*/
    }
    .spanindent{
        text-indent:2em;
    }
    /*加载更多开始*/
    .spinner {
        margin: 100px auto;
        width: 50px;
        height: 60px;
        text-align: center;
        font-size: 10px;
    }

    .spinner > div {
        background-color: #2b2b2b;
        height: 100%;
        width: 6px;
        display: inline-block;

        -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
        animation: stretchdelay 1.2s infinite ease-in-out;
    }

    .spinner .rect2 {
        -webkit-animation-delay: -1.1s;
        animation-delay: -1.1s;
    }

    .spinner .rect3 {
        -webkit-animation-delay: -1.0s;
        animation-delay: -1.0s;
    }

    .spinner .rect4 {
        -webkit-animation-delay: -0.9s;
        animation-delay: -0.9s;
    }

    .spinner .rect5 {
        -webkit-animation-delay: -0.8s;
        animation-delay: -0.8s;
    }

    @-webkit-keyframes stretchdelay {
        0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
        20% { -webkit-transform: scaleY(1.0) }
    }

    @keyframes stretchdelay {
        0%, 40%, 100% {
            transform: scaleY(0.4);
            -webkit-transform: scaleY(0.4);
        }  20% {
               transform: scaleY(1.0);
               -webkit-transform: scaleY(1.0);
           }
    }
    /*加载更多结束*/
</style>

<div class="placeholder" style="margin: 0 auto;width: 1180px;"></div>
<div class="header-menu">
    <div class="logo"><img src="public/image/img/logo.png" /></div>
    <ul class="top-menu">
        <li class="li_home"><a href="home.php">主页</a></li>
        <li class="li_property" style="width: 40px;"><a href="property_agribusiness.php" onmouseover="showsecond()">房产</a>
            <ul class="second_menu" onmouseleave="hidesecond()">
                <a href="property_agribusiness.php"><li>农  场</li></a>
                <a href="property_residential.php"><li>公  寓</li></a>
                <a href="property_dreampropertis.php"><li>豪  宅</li></a>
            </ul>
        </li>
        <li class="li_in" style="margin-left: 65px;"><a target="_blank" href="in_australia.php">中国人在澳洲</a></li>
        <li class="li_life"><a target="_blank" href="life_australia.php">澳洲生活</a></li>
        <li class="li_immigrant"><a target="_blank" href="immigrant_australia.php">移民相关</a></li>
    </ul>
    <div style="clear: both;">

    </div>
</div>
<script>

    function showsecond() {
        $(".second_menu").fadeIn("slow");
    }
    function hidesecond() {
        $(".second_menu").fadeOut("slow");
    }

</script>